<!-- 每月考勤 -->
<div class="wrapper">
	<!-- second-nav -->
	<!-- <div ng-include="'main/attend/nav.html'"></div> -->
	<!-- wrapper-content -->
	<section class="wrapper-content">
		<div class="container-fluid">
			<h2 class="content-title"><span class="margin-right-10">每月考勤</span></h2>
		</div>
		<!-- select-row -->
		<div class="row">
			<div class="container-fluid">
				<div class="form-horizontal">
					<div class="form-group">
						<div class="col-md-12">
							<div class="col-md-2 control-label">
								<label for="">班级</label>
							</div>
							<div class="col-md-4">
								<select class="form-control" name="" enable-validate="true">
									<option label="全部" value="number:0" selected="selected"></option>
									<option label="2017-2018学年" value="number:1"></option>
									<option label="2016-2017学年" value="number:0"></option>
								</select>
							</div>
							<div class="col-md-4">
								<select class="form-control" name="" enable-validate="true">
									<option label="全部" value="number:0" selected="selected"></option>
									<option label="未分班" value="number:1"></option>
									<option label="小一班" value="number:0"></option>
									<option label="小二班" value="number:1"></option>
									<option label="中一班" value="number:0"></option>
									<option label="中二班" value="number:1"></option>
									<option label="大班" value="number:1"></option>
								</select>
							</div>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-6">
							<div class="col-md-4 control-label">
								<label for="">考勤日期</label>
							</div>
							<div class="col-md-8">
								<input type="text" class="form-control">
							</div>
						</div>
						<div class="col-md-6">
							<div class="control-label col-md-4">
							    <label for="">关键字</label>
							</div>
							<div class="col-md-8">
								<div class="input-group">
							        <input  id="id_inputFilterKeyword" name="inputFilterKeyword" class="form-control" type="text" placeholder="学号\姓名\小名">
							        <span class="input-group-addon"><i class="fa fa-search" aria-hidden="true"></i></span>
							    </div>
							</div>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-6 text-center margin-top-10">
                            <i class="text-success fa fa-check-circle-o">出勤</i>
                            <i class="text-warning fa fa-times-circle">缺勤</i>
                            <i class="fa fa-circle-o">未设置</i>
                            <i class="fa fa-minus">非在校日</i>
                            <span class="bg-green font-white">休息日</span>
                        </div>
						<div class="col-md-6">
                            <button ng-click="bulkLock()" class="btn btn-primary" disabled="disabled">批量确认考勤</button>
                            <button ng-click="compute()" class="btn btn-default">统计月考勤</button>
                        </div>
					</div>
				</div>
			</div>
		</div>
		<!-- table-row -->
		<div class="row">
			<div class="container-fluid">
				<div class="col-md-12">
					<table class="table table-bordered">
						<thead>
							<tr>
								<th><i class="fa fa-lg fa-square-o" aria-hidden="true"></i></th>
								<th>操作</th>
								<th>姓名</th>
								<th>1</th>
								<th>2</th>
								<th>3</th>
								<th>4</th>
								<th>5</th>
								<th>6</th>
								<th>7</th>
								<th>8</th>
								<th>9</th>
								<th>10</th>
								<th>11</th>
								<th>12</th>
								<th>13</th>
								<th>14</th>
								<th>15</th>
								<th>16</th>
								<th>17</th>
								<th>18</th>
								<th>19</th>
								<th>20</th>
								<th>21</th>
								<th>22</th>
								<th>23</th>
								<th>24</th>
								<th>25</th>
								<th>26</th>
								<th>27</th>
								<th>28</th>
								<th>29</th>
								<th>30</th>
								<th>31</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td><i class="fa fa-lg fa-square-o" aria-hidden="true"></i></td>
								<td>
									<div class="btn-group btn-group-sm text-nowrap" style="">
	                                    <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
	                                        <i class="fa fa-bars" aria-hidden="true"></i>
	                                    </button>
	                                    <ul class="dropdown-menu">
	                                        <li>
	                                            <a href="javascript:void(0);" ng-click="edit(item);" class="" title="编辑潜在生信息"><span><i class="fa fa-pencil text-success"></i> 编辑潜在生信息</span></a>
	                                        </li>
	                                        <li ng-show="item.StudentId <= 0 &amp;&amp; item.Status >= 4" class="ng-hide">
	                                            <a href="javascript:void(0);" ng-click="translate(item);" class="" title="生成学生档案"><span><i class="fa fa-random"></i> 生成学生档案</span></a>
	                                        </li>
	                                        <li>
	                                            <a href="javascript:void(0);" ng-click="tracking(item);" class="" title="创建沟通记录"><span><i class="fa fa-phone-square  text-primary"></i> 创建沟通记录</span></a>
	                                        </li>
	                                        <li>
	                                            <a href="javascript:void(0);" ng-click="appointment(item);" class="" title="创建预约记录"><span><i class="fa fa-book text-default text-danger"></i> 创建预约记录</span></a>
	                                        </li>
	                                        <li><a href="javascript:void(0);" ng-click="delete(item);" class="" title="删除"><span><i class="fa fa-times text-warning"></i> 删除</span></a></li>
	                                    </ul>
	                                </div>
								</td>
								<td>张三三</td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-warning fa fa-times-circle"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="fa fa-circle-o"></i></td>
	                            <td><i class="fa fa-minus"></i></td>
	                            <td class="bg-green font-white">休</td>
	                            <td class="bg-green font-white">休</td>
	                            <td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
								<td><i class="text-success fa fa-check-circle-o"></i></td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</section>
</div>